<!-- 标签违规出库记录 -->
<template>
  <div class="container">
    <el-table :data="OutBillList" :height="cardHeight" style="width: 100%" border>
      <el-table-column prop="deviceName" label="通道门名称"> </el-table-column>
      <el-table-column prop="archiveName" label="题名" show-overflow-tooltip>
        <template #default="{ row }">cardHeight
          {{ row.archiveName || row.boxName }}
        </template>
      </el-table-column>
      <el-table-column prop="archiveNo" label="档号/盒号" show-overflow-tooltip>
        <template #default="{ row }">
          {{ row.archiveNo || row.boxNo }}
        </template>
      </el-table-column>
      <el-table-column prop="labelType" label="类型" width="50" show-overflow-tooltip>
        <template #default="{ row }">
          <span size="mini" v-if="row.labelType == 0" type="success"> 档案</span>
          <span size="mini" v-else> 档案盒</span>
        </template>
      </el-table-column>
      <el-table-column prop="positionName" label="位置" show-overflow-tooltip> </el-table-column>
      <el-table-column prop="accessTime" label="出入时间" show-overflow-tooltip> </el-table-column>
      <el-table-column prop="illegalFlag" label="是否违规" width="80">
        <template #default="{ row }">
          <el-tag size="mini" v-if="row.illegalFlag == 0" type="success"> 正常 </el-tag>
          <el-tag size="mini" type="danger" v-else effect="dark"> 违规 </el-tag>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
import { labelPageList } from '@/api/rfid/traffic'

export default {
  name: 'IllegalOutBill',
  components: {},
  props: {
    cardHeight: {
      type: Number,
      default: 250,
    },
  },
  data() {
    return {
      OutBillList: [],
    }
  },
  computed: {},
  watch: {},
  created() { },
  mounted() {
    this.getOutBillList()
  },
  methods: {
    // 获取标签违规出库记录
    getOutBillList() {
      labelPageList({ illegalFlag: 1 }).then((res) => {
        if (res.data.code == 200) {
          this.OutBillList = res.data.data.records
        }
      })
    },
  },
}
</script>
<style lang="less" scoped></style>
